<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
	<style type="text/css">
		form {
			position: absolute;
			top: 50%;
			left: 50%;
			width: 300px;
			height: 200px;
			overflow: hidden;
			margin-top: -150px;
			margin-left: -100px;
		}
</style>
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			$("#login").click(function(){
				if( $("#login_input").val() == ""){
					alert("아이디와 비밀번호를 입력해 주세요.");

				}else{
					$("#loginForm").submit();
				}

			});
			
		});
	</script>
</head>
<body>
	<center style="margin-top: 100px">
		<font size="50" style="font-family: sans-serif;">게시판</font>
	</center>
	<form action="loginIdPwdCheck.do" method="post" id="loginForm" class="loginForm">
		<table>
			<tr>
				<td>아이디</td>
				<td>
					<input type="text" id="login_input" name="m_id" size="20" />
				</td>
			</tr>
			<tr>
				<td>비밀번호</td>
				<td>
					<input type="password" id="login_input" name="m_pw"  size="21" />
				</td>
			</tr>
			<tr>
				<td colspan="2" align="center">
					<p>
					<input type="button" id="login" value="로그인" />
					<input type="button" value="회원가입" onclick="location.href='memberForm.do';" />
				</td>
			</tr>
		</table>
	</form>
</body>
</html>